<section id="wish_list" selected="true" class="edgetoedge form">
                <header>
                    <h1>Todos</h1>
                    <a href="#" class="back">Back</a>
                    <a class="button" href="<%="/movies/wish_list/100"%>">Next</a>

                </header>
                <form>
                <ul class="incomplete rounded">
                 <%@records.each{|r|%>

                    <li><input type="checkbox" id="<%=r.id%>"/> <span><%=r.name%></span> </li>
                    <%}%>
                </ul>
                <h4>Completed</h4>
                <ul class="complete">
                </ul>
                </form>
            </section>
<script>
$('input[type="checkbox"]').live('change', function(){
                    var $el = $(this);
                    if ($el.attr('checked')) {
                        $el.parent().prependTo('.complete');
                        $.ajax({url:"/movies/seen/"+$el.attr("id")});
                    } else {
                        $el.parent().appendTo('.incomplete');
                    }
                });
</script>
